<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>{pigcms:$tpl.wxname}</title><link rel="stylesheet" type="text/css" href="{pigcms::RES}/css/190/css/jquery.mobile-1.4.0-rc.1.min.css" />
	<link rel="stylesheet" type="text/css" href="{pigcms::RES}/css/190/css/photoswipe.css" />
	<link rel="stylesheet" type="text/css" href="{pigcms::RES}/css/190/css/fullcalendar.css" />
	<link rel="stylesheet" type="text/css" href="{pigcms::RES}/css/190/css/theme.css" />
	<link rel="stylesheet" type="text/css" href="{pigcms::RES}/css/190/css/layout.css" />
	<link rel="stylesheet" type="text/css" href="{pigcms::RES}/css/190/css/menu.css" />
	<script src="{pigcms::RES}/css/190/js/main1.js"></script>
	<script src="{pigcms::RES}/css/190/js/klass.min1.js"></script>
	<script src="{pigcms::RES}/css/190/js/code.photoswipe.jquery-3.0.5.min1.js"></script>
	<link rel="stylesheet" type="text/css" href="{pigcms::RES}/css/190/css/iscroll.css" />
	<link rel="stylesheet" type="text/css" href="{pigcms::RES}/css/190/css/wz07.css" />
    <script src="{pigcms::RES}/css/190/js/iscroll.js" type="text/javascript"></script>
	<script type="text/javascript">
            var myScroll;
            function loaded() {
                myScroll = new iScroll('wrapper', {
                    snap: true,
                    momentum: false,
                    hScrollbar: false,
                    onScrollEnd: function () {
                        document.querySelector('#indicator > li.active').className = '';
                        document.querySelector('#indicator > li:nth-child(' + (this.currPageX+1) + ')').className = 'active';
                    }
                });
 
            }
            document.addEventListener('DOMContentLoaded', loaded, false);
        </script>
		<style type="text/css">
html,body {
	color: #ffffff;
	font-family: Microsoft YaHei, Helvitica, Verdana, Tohoma, Arial,
		san-serif;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

* {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

a{
	text-decoration:none;
}
</style>
</head>
<body>
    <!--背景音乐-->
    <if condition="$homeInfo['musicurl'] neq false"><include file="Index:music"/></if>
<div data-role="page" data-theme="a" id="page-home" class="version-1">



	<div class="banner">
		<div id="wrapper">
			<div id="scroller">
				<ul id="thelist"> 
				<volist name="flash" id="so">
						<li><p>{pigcms:$so.info}</p><a href="{pigcms:$so.url}"><img src="{pigcms:$so.img}" /></a></li>
					</volist>
				</ul>
			</div>
		</div>
		<div id="nav">
			<div id="prev" onclick="myScroll.scrollToPage('prev', 0,400,3);return false">&larr; prev</div>
			<ul id="indicator">
			<volist name="flash" id="so">
			<li   <if condition="$i eq 1">class="active"</if>  >{pigcms:$i}</li>
			</volist>
			</ul>
			<div id="next" onclick="myScroll.scrollToPage('next', 0);return false">next &rarr;</div>
		</div>
		<div class="clr"></div>
	</div>
	<div id="insert1"></div>
	<script>


            var count = document.getElementById("thelist").getElementsByTagName("img").length;	


            for(i=0;i<count;i++){
                document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:"+document.body.clientWidth+"px";

            }

            document.getElementById("scroller").style.cssText = " width:"+document.body.clientWidth*count+"px";


            setInterval(function(){
                myScroll.scrollToPage('next', 0,400,count);
            },3500 );

            window.onresize = function(){ 
                for(i=0;i<count;i++){
                    document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:"+document.body.clientWidth+"px";

                }

                document.getElementById("scroller").style.cssText = " width:"+document.body.clientWidth*count+"px";
            } 

	</script>
	<div id="insert2"></div>


	<div id="introduction" class="nav-box">
	<volist name="info" id="vo">
		<?php $cx++; ?>
		<?php if($cx==1){ ?>
		<a href="{pigcms:$vo.url}">
			<p id="brand"><img src="{pigcms:$vo.img}" width="85" height="48" alt="{pigcms:$vo.name}"></p>
			<p>{pigcms:$vo.info}</p>
		</a>
		<?php }?></volist>
	</div>
	<div id="home-nav">
		<ul class="clearfix">
		<volist name="info" id="vo">
		<?php $cc++; ?>
		<?php if($cc!=1){ ?>	<li id="home-nav-1"><a class="android-fixed-fixed"></a><a class="nav-box" href="<if condition="$vo['url'] eq ''">{pigcms::U('Home/Addons/execute?_addons=WeiSite&_controller=WeiSite&_action=lists',array('classid'=>$vo['id'],'token'=>$vo['token']))}<else/>{pigcms:$vo.url}</if>"><img src="{pigcms:$vo.img}" width="56" height="56" alt="">{pigcms:$vo.name}</a></li> <?php }?>

			</volist>
		</ul>
	</div>

<style type="text/css">
.copyright{padding:8px;text-align:center;font-size:15px;color:#ccc;}
.copyright a{color:#ccc;}
h2 {
	font-size:18px;
}
h3 {
	font-size: 18px;
}
}
</style>
 <div class="copyright" style="text-align:center;"><if condition="$iscopyright eq 1">{pigcms:$homeInfo.copyright}<else/>{pigcms:$siteCopyright}</if></div>
<include file="Index:styleInclude"/> 

	
</div></body>
</html>